<template>
	<el-popconfirm v-if="isEdit" width="220" title="当前为编辑状态, 还未保存, 要清空界面吗？" placement="bottom-start" @confirm="add">
		<template #reference>
			<el-button type="primary" icon="ele-Plus" v-reclick="1000">
				<slot>新增</slot>
			</el-button>
		</template>
	</el-popconfirm>
	<el-button v-else type="primary" icon="ele-Plus" @click="add" v-reclick="1000">
		<slot>新增</slot>
	</el-button>
</template>
<script lang="ts" setup>
// 通用的新增按钮, 主要是统一图标,文本,样式
// 使用必须带上是否编辑状态, 防止误操作
// 用法  <MkButtonAdd @click="search"  :isEdit='ctx.isEdit'> 新的对话 </MkButtonAdd> 
// 使用默认文本 <MkButtonAdd @click="newZhuBiao" :isEdit='ctx.isEdit' />
defineOptions({
	name: 'MkButtonAdd',
});

const props = defineProps({
	isEdit: { // 为false时不能编辑,也不能修改编辑状态
		type: Boolean,
		default: false
	}
})
let emits = defineEmits(['click'])

const add = () => {
	emits('click')
}
</script>
